/* 初始化样式
------------------------------------------- */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    --next-bg-main-color: #f8f8f8;
}

html,
body,
#app {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: var(--next-bg-main-color);
}
@media screen and (min-width: 1440px) {
    .ssr-btn {
        width: 120px;
    }
    .summary-set-r-w-td {
        width: 300px !important;
    }
    .summary-set-r-w{
        height: 370px;
    }
    .summary-set-w{
        height: auto;
    }
    .timer-w{
        height: 480px;
    }
    .fault-w{
        height: 620px;
    }
    .org-faultList-w{
        height:520px
    }
    .power-source{
        height: 520px
    }
    .line-Loss-w{
        height: 530px;
    }
    .line-Loss-w-table{
        height: 400px;
    }
    .ef-collect-w{
        height: 500px;
    }
    .ef-collect-w-1 {
        height: auto;
    }
    .ef-collect-w-2{
        height: 400px;
    }
    .communication-w {
        height: 295px;
    }
    .reading-meter-w {
        height: 530px
    }
    .reading-meter-w-table{
        height: 450px;
    }
    .rmd-btn-margin {
        margin: 10px 0px !important;
    }
    .tiku-w{
        height: 525px;
    }
    .tiku-w-table{
        height:340px
    }
    .tiku-w-table2{
        height: 360px
    }
    .ele-category-w{
        height: 600px
    }
    .meter-reading-tab{
        height: 460px
    }
    .collection-w{
        height: 470px;
    }
    .system-container-w {
        height: 600px;
    }
    .electricity-info-w{
        height:410px
    }
    .reading-power{
        height: 410px;
    }
    .nucleic-protocol {
        height: 410px;
    }
    .reading-power-w{
        height: 410px;
    }
    .collection-item1-1{
        height: 470px;
    }
    .tabs-scroll-w{
        .el-tabs__header{
            .el-tabs__nav {
                    height: 500px !important;
                }
        }  
        .el-tabs__content{
            .el-tabs__nav {
                    height: auto !important;
                    overflow: hidden;
                }
        }
    }
    
}
 @media screen and (min-width: 768px) and (max-width: 1440px){
    .ssr-btn{
        width:65px !important;
    }
    .summary-set-r-w-td{
        width: auto;
    }
    .summary-set-r-w {
        height: 270px;
    }
    .summary-set-w{
        padding: 10px;
        height: 350px;
        overflow: auto;
        border: 1px solid #cacaca;
    }
    .timer-w {
        height: 310px;
    }
    .fault-w {
        height:485px;
    }
    .org-faultList-w {
        height: 400px
    }
    .power-source {
        height: 400px
    }
    .line-Loss-w{
        height: 430px;
    }
    .line-Loss-w-table {
        height: 300px;
    }
    .ef-collect-w {
        height: 400px;
    }
    .ef-summary-w {
        height: 570px;
    }
    .ef-collect-w-1{
        height: 180px;
        overflow: auto
    }
    .ef-collect-w-2 {
        height: 300px;
    }
    .communication-w{
        height: 200px;
    }
    .ef-summary-w{
        height: 505px;
    }
    .reading-meter-w {
        height: 430px
    }
    .reading-meter-w-table {
        height: 365px;
    }
    .rmd-btn-margin {
        margin: -5px 0px 10px 0px !important;
    }
    .tiku-w {
        height: 400px;
    }
    .tiku-w-table {
        height: 240px
    }
    .tiku-w-table2 {
        height: 250px
    }
    .ele-category-w {
        height: 430px
    }
    .meter-reading-tab {
        height: 300px
    }
    .collection-w {
        height: 300px;
    }
    .system-container-w{
        height: 500px;
    }
    .electricity-info-w {
        height: 200px;
        overflow: auto
    }
    .reading-power {
        height: 210px;
    }
    .nucleic-protocol{
        height: 200px;
    }
    .reading-power-w {
        height: 210px;
    }
    .collection-item1-1 {
        height: 300px;
    }
    .tabs-scroll-w {
        .el-tabs__header {
                .el-tabs__nav {
                    height: 400px !important;
                }
            }
        .el-tabs__content {
            .el-tabs__nav {
                height: auto !important;
                overflow: hidden;
            }
        }
    }
}

/* 宽、高全局样式
------------------------------- */

@for $i from 1 through 35 {
    .w#{$i} {
        width: #{$i}px !important;
    }
    .h#{$i} {
        width: #{$i}px !important;
    }
}


/* 外边距、内边距全局样式
------------------------------- */

@for $i from 1 through 35 {
    .m#{$i} {
        margin: #{$i}px !important;
    }
    .mt#{$i} {
        margin-top: #{$i}px !important;
    }
    .mr#{$i} {
        margin-right: #{$i}px !important;
    }
    .mb#{$i} {
        margin-bottom: #{$i}px !important;
    }
    .ml#{$i} {
        margin-left: #{$i}px !important;
    }
    .p#{$i} {
        margin: #{$i}px !important;
    }
    .pt#{$i} {
        padding-top: #{$i}px !important;
    }
    .pr#{$i} {
        padding-right: #{$i}px !important;
    }
    .pb#{$i} {
        padding-bottom: #{$i}px !important;
    }
    .pl#{$i} {
        padding-left: #{$i}px !important;
    }
}

// .el-scrollbar__wrap {
//   overflow-x: hidden!important;
// }
.demo-tabs {
    background: #fff;
}

.doInfo {
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
}

.doInfoCol {
    display: flex;
    flex-direction: column;
    padding: 10px 10px;
}

.mg10 {
    margin: 10px 10px
}

.pd10 {
    padding: 10px 10px;
}
.el-button{
    width: 100px;
}
.apply-button{
    width: 150px;
}

//el-tab样式修改
.el-tabs--border-card{
    border: 1px solid #000000;
}
.el-tabs--border-card>.el-tabs__header{
    background-color: #00796b;
    border-bottom: 1px solid #000000;
}
.el-tabs--border-card>.el-tabs__header .el-tabs__item{
    color: #fff;
}
.el-tabs--border-card>.el-tabs__header .el-tabs__item:not(.is-disabled):hover{
    color: #fff;
}
.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active:hover{
    color: #00796b;
}
.el-table {
    --el-table-border-color: #726d6d;
    --el-table-border: 1px solid #aca6a6;
    --el-table-text-color: #aca6a6;
}